@import "../common/SelectStudent.less";
.course {
	background: #f8f8f8;
	height: auto;
	min-height: 100%;
	/* padding-top: .2rem; */
	width: 100%;
	float: left;
	clear: both;
}
.adjust-class{
	position: relative;
	.course-list{
		padding-bottom: 17rem;
	}
	.wornWarmimg{
		position: absolute;
	    bottom: 12rem;
	    left: 0;
	    padding: 0 3rem;
	    font-size: 2.8rem;
	    color: #666;
	}
}
.course-back {
	position: relative;
	top: -.2rem;
}

.course-list {
	padding-bottom: 10rem;
}
.course-list li {
	background: white;
	width: 100%;
	display: flex;
	padding: 0;
	position: relative;
	margin: 2rem 0;
}

.course-select {
	display: inline-block;
	width: 15%;
	text-align: center;
	vertical-align: top;
}

.course-select span {
	position: absolute;
	top: 50%;
	margin-top: -1.8rem;
	left: 3.2rem;
}

.course-select input {
	width: 12.6rem;
	height: 25rem;
	position: absolute;
	opacity: 0;
	transform: translateX(-50%) translateY(-45%);
}

.course-select label {
	display: inline-block;
	width: 3.6rem;
	height: 3.6rem;
	background-image: url(../../img/choose_empty@3x.png);
	background-size: 100% 100%;
}

.course-select input:checked+label {
	background-image: url(../../img/choose_blue@3x.png);
}

.course-detail {
	width: 85%;
}
.icon-next {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	height: 8.8rem;
	line-height: 8.8rem;
	color: white;
	font-size: 3.6rem;
	background: #3271f1;
	text-align: center;
}
